<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="zh-cn" xml:lang="zh-cn">
<head>
   
	<title>简单留言板注册页面</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"  />

	<link rel="stylesheet" type="text/css" href="./css/moodle.css" />
	<link rel="stylesheet" type="text/css" href="./css/moodle2.css" />
    <script type="text/javascript" src="js/script.js"></script>
    <style type="text/css">
        .errorTip {
            font-size: 0.8em;
            color: #F00;
        }
    </style>
</head>
 
<body  class="login course-1 notloggedin dir-ltr lang-zh_cn_utf8" id="login-index"> 

	<div id="page">

		<!-- 判断用户是否已经登录 -->
		<div id="header" class="clearfix"> 
			<h1 class="headermain">简单留言板</h1> 
			<div class="headermenu">
				<div class="logininfo">
                    您尚未登录(<a  href='login.php'>登录</a>)&nbsp;
					还没有用户名(<a href='register.php'>注册</a>)					
				</div>
			</div> 
		</div> 


		<!-- 面包屑（即“留言板->登录”之类的内容）-->
		<div class="navbar clearfix"> 
			<div class="breadcrumb"> 
				<ul> 
					<li class="first"><a href="index.php">简单留言板</a></li>
					<li> <span class="arrow sep">&#x25BA;</span> 注册 </li>
				</ul>
			</div> 			
		</div> 

        <div id="content"> 
        <div class="loginbox clearfix twocolumns"> 
          <div class="loginpanel"> 
            <h2>请详细填写您的注册信息！</h2> 
              <div class="subcontent loginsub">         
                <form action="" method="post" id="login"> 
                  <div class="loginform"> 
                    <div class="form-label">
        				<label for="username">用户名</label>
        			</div> 
                    <div class="form-input"> 
                      <input type="text" name="username" id="username" size="15" value="" />
                      <br />
                      <span id="userTip" class="errorTip"></span> 
                    </div> 
        
                    <div class="clearer"></div> 
        
                    <div class="form-label">
        				<label for="password">密码</label>
        			</div> 
                    <div class="form-input"> 
                      <input type="password" name="password" id="password" size="15" value="" /> 
                      <br />
                      <span id="pswdTip" class="errorTip"></span>
                    </div> 
        
        			 <div class="clearer"></div> 
        
        			 <div class="form-label">
        				<label for="password">确认密码</label>
        			</div> 
                    <div class="form-input"> 
                      <input type="password" name="password2" id="password2" size="15" value="" /> 
                      <br />
                      <span id="pswd2Tip" class="errorTip"></span>
                    </div> 
        
        			<div class="clearer"></div> 
        
        			 <div class="form-label">
        				<label for="password">电子邮箱</label>
        			</div> 
                    <div class="form-input"> 
                      <input type="text" name="email" id="email" size="15" value="" />
                      <br />
                      <span id="emailTip" class="errorTip"></span> 
                    </div> 
        			
        			<div class="clearer"></div> 
        
        			 <div class="form-label">
        				<label for="password">验证码</label>
        			</div> 
                    <div class="form-input"> 
                      <input type="password" name="captcha" id="captcha" size="15" value="" />
        			  <img src="createImg.php" id="captchaImg" style="cursor: pointer;" />
                      <br />
                      <span id="captchaTip" class="errorTip"></span>
                    </div> 
        
        			<div class="clearer"></div> 
        
                    <div class="form-input"> 
                      <input type="submit" id="submit" name="register" value="注册" onclick="return checkInput();" /> 
                    </div> 
        
                    <div class="clearer"></div> 
                  </div> 
                </form> 
              </div> 
              
             </div> 
            <div class="signuppanel"> 
              <h2>注册帮助</h2> 
              <div class="subcontent"> 
        		<p>
        			<b>1 用户名</b> <br /> 
        			用户名必须是字母、数字或下划线，且必须以字母开头（至少6位）<br />
        			<b>2 密码和确认密码</b> <br /> 
        			密码和确认密码必须相同，且至少8位<br />
        			<b>3 电子邮箱</b> <br /> 
        			电子邮箱必须符合特定格式<br />
        			<b>4 验证码</b> <br /> 
        			验证码不区分大小写<br />
        		</p>     
        	  </div> 
       	    </div> 
        </div> 
         
        </div> 

		<!-- START OF FOOTER -->
		<div id="footer">
			版权所有&copy; 河北师范大学软件学院<br />
			地址：石家庄市裕华东路113号<br />
			邮编: 050016 
		</div>
		<!-- END OF FOOTER -->
	</div>

</body>
</html>

